<template>
	<view class="content">
<!--		<view class="list" @click="goApply">-->
<!--			<view class="top">-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单类型</view>-->
<!--					<view class="txt fill">合同账单</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单周期</view>-->
<!--					<view class="txt fill">2022-01-01至2022-01-31</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">房间信息</view>-->
<!--					<view class="txt fill">南舒房东辰里1栋1单元5楼5001室</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">支付时间</view>-->
<!--					<view class="txt fill">2022-02-01 18:13:23</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单金额</view>-->
<!--					<view class="txt fill">2600元</view>-->
<!--				</view>-->
<!--			</view>-->
<!--			<view class="btm">-->
<!--				可开票金额<text class="price red">1300</text><text class="red">元</text>-->
<!--			</view>-->
<!--		</view>-->
<!--		<view class="list" @click="goApply">-->
<!--			<view class="top">-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单类型</view>-->
<!--					<view class="txt fill">合同账单</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单周期</view>-->
<!--					<view class="txt fill">2022-01-01至2022-01-31</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">房间信息</view>-->
<!--					<view class="txt fill">南舒房东辰里1栋1单元5楼5001室</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">支付时间</view>-->
<!--					<view class="txt fill">2022-02-01 18:13:23</view>-->
<!--				</view>-->
<!--				<view class="li row">-->
<!--					<view class="tit">账单金额</view>-->
<!--					<view class="txt fill">2600元</view>-->
<!--				</view>-->
<!--			</view>-->
<!--			<view class="btm">-->
<!--				可开票金额<text class="price red">1300</text><text class="red">元</text>-->
<!--			</view>-->
<!--		</view>-->
    <u-empty mode="history" icon="https://www.mescroll.com/img/mescroll-empty.png"></u-empty>
	</view>
</template>


<script setup lang="ts">
	const goApply = () => {
		uni.navigateTo({
			url:'invoiceApply'
		})
	}
</script>

<style lang="scss" scoped>
.content{
	padding: 16rpx;
	.list{
		background: #fff;
		border-radius: 16rpx;
		margin-bottom: 16rpx;
		padding: 24rpx 32rpx;
		&:last-child{
			margin: 0;
		}
		.li{
			.tit{
				color: #666;
				margin-right: 24rpx;
			}
		}
		.btm{
			text-align: right;
			color: #666;
			font-size: 24rpx;
			.price{
				font-size: 36rpx;
				margin: 0 4rpx 0 10rpx;
			}
		}
	}
}
</style>
